<template>
  <div>
    <van-row>
      <van-col span="4">
        <left_s @id="msg"/>
      </van-col>
      <van-col span="20">
        <head_s/>
        <van-row>
          <van-col span="24">
            <div>
              <div v-if="name==1">
                <div v-if="id==1">
                  <class_s/>
                </div>
                <div v-if="id==2">

                </div>
                <div v-if="id==3">
                  <h1>用</h1>
                </div>
                <div v-if="id==4">
                  <h1>用</h1>
                </div>
              </div>
            </div>
          </van-col>
        </van-row>
      </van-col>
    </van-row>
  </div>
</template>

<script>
import head_s from "@/components/head_s";
import left_s from "@/components/left_s";
import class_s from "@/components/company/class_s";

export default {
  name: "com",
  data() {
    return {
      id: 1,
      name: 1
    }
  },
  components: {
    'head_s': head_s,
    'left_s': left_s,
    'class_s': class_s
  },
  methods: {
    msg(id) {
      this.id = id
    },
  }
}
</script>

<style scoped>

</style>